<template>
    <router-link :to="'/detail/'+item.id">
        <dl class="item" >
            <dt>{{item.title}}</dt>
            <dd><img src="/images/post_img.jpg"></dd>
        </dl>
    </router-link>
</template>

<script>
    export default {
        name: "post-item",
        props:["item"],
        methods:{

        }

    }
</script>

<style scoped>

    .item{
        display: flex;
        flex-direction: row;
        width:100%;
        border-bottom:1px #eee solid;
        padding:0.2rem 0;
    }

    .item>dt{
        width:5.5rem;
    }

    .item>dd{
        width:1.3rem;
    }

    .item>dd>img{
        width:100%;
    }

</style>